import 'package:flutter/material.dart';
import '../circular/index.dart';

class Header extends Container{

  Header({super.key, String? userName}) :
      super(
          height: 220,
          width: double.infinity,
          color: const Color.fromARGB(255, 100, 203, 184),
          child: Center(
              child: Column(
                children: [
                  Padding(
                    padding: const EdgeInsets.only(top: 50),
                    child: Circular(
                      width: 100,
                      height: 100,
                      child: const Icon(Icons.person, size: 80, color: Color.fromARGB(255, 100, 203, 184)),
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(top: 10),
                    child: Text(userName ?? "",
                      style: const TextStyle(
                          fontSize: 25,
                          color: Color.fromARGB(255, 255, 255, 255)
                      ),
                    ),
                  )
                ],
              )
          ),
      );
}